<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="centre/manage/include :: header">
</head>

<link rel="stylesheet" type="text/css" href="/css/plugins/layui/layui.css"/>
<style>
    .province {
        float: left;
        position: relative;
        width: 150px;
        height: 35px;
        line-height: 35px;
        border: 1px solid #fff;
    }

    .province:hover {
        border: 1px solid #f7e4a5;
        border-bottom: 1px solid #fffec6;
        background: #fffec6;
    }

    .province .cityall {
        margin-top: 10px;
    }

    .province ul {
        list-style: outside none none;
        position: absolute;
        padding: 0;
        background: #fffec6;
        border: 1px solid #f7e4a5;
        display: none;
        width: auto;
        width: 300px;
        z-index: 999999;
        left: -26px;
        top: 33px;
    }

    .province ul li {
        float: left;
        min-width: 60px;
        margin-left: 20px;
        height: 30px;
        line-height: 30px;
    }

    .province .checkbox-inline {
        padding-top: 0;
    }

    h3, h4, h5 {
        margin: 5px 0;
        font-weight: 600;
    }

    input[type=email], input[type=url], input[type=search], input[type=tel],
    input[type=color], input[type=text], input[type=password], input[type=datetime],
    input[type=datetime-local], input[type=date], input[type=month], input[type=time],
    input[type=week], input[type=number], textarea {
        border-radius: 0 !important;
        color: #858585;
        background-color: #FFF;
        border: 1px solid #D5D5D5;
        padding: 5px 4px 6px;
        font-size: 14px;
        font-family: inherit;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
    }
    .spectable td, .spectable th {
        border: 1px solid #ccc;
        vertical-align: middle;
        text-align: center;
    }

    .spectable th {
        font-weight: bold;
    }

    .spectableinput {
        text-align: center;
    }

    .f {
        border-color: #b94a48;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .table.table-bordered tr th, .table.table-bordered tr td {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    select {
        padding: 3px 4px;
        height: 30px;
    }
</style>
<body class="gray-bg">
<input type="hidden" id="checkIsCentre" th:value="${flag}">
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-sm-12">
            <div class="form-horizontal m-t">
                <div class="form-group">
                    <ul class="nav nav-arrow-next nav-tabs" id="myTab">
                        <li class="active"><a href="#tab_basic">基本信息</a></li>
                        <li><a href="#tab_des">商品描述</a></li>
                        <!--<li><a href="#tab_postage">邮费设置</a></li>-->
                        <!--<li><a href="#tab_commission">佣金费设置</a></li>-->
                        <!--                        <li><a href="#tab_option">产品规格</a></li>-->

                        <!--<li><a href="#tab_areas">商品售卖区域</a></li>-->
                    </ul>
                </div>
                <div class="tab-content" style="border: 0px;">
                    <div class="tab-pane active" id="tab_basic">

                        <input id="id" name="id" th:value="${product.id}" type="hidden">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">排序:</label>
                            <div class="col-sm-6">
                                <input id="displayorder" name="displayorder" maxlength="10"
                                       class="form-control" type="text" th:value="${product.displayorder}">
                            </div>
                            <label class="col-sm-2 control-label" style="text-align: left">数字越大，排名越靠前,限制小于2147483647</label>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><em class="gg-star" style="margin-right: 7px">*</em>商品名称:</label>
                            <div class="col-sm-6">
                                <input id="title" name="title" placeholder="必填：商品名称"
                                       class="form-control" type="text" maxlength="28" th:value="${product.title}">
                            </div>
                            <label class="col-sm-2 control-label"
                                   style="text-align: left;color:red;">*商品标题(28个汉字以内)</label>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">商品编号:</label>
                            <div class="col-sm-6">
                                <input id="goodscode" name="goodscode" placeholder="商品编号"
                                       class="form-control" type="text" th:value="${product.goodscode}">
                            </div>
                            <label class="col-sm-2 control-label" style="text-align: left">识别商品的唯一编号</label>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label no-padding-right"
                                   for="form-field-1"> <em class="gg-star" style="margin-right: 7px">*</em>商品图片： </label>
                            <div class="col-sm-10">
                                <div class="col-sm-6">
                                    <div class="input-group ">
                                        <input type="text" name="thumb" id="thumb" class="form-control"
                                               autocomplete="off" th:value="${product.thumb}">
                                        <span class="input-group-btn">
												<button class="btn btn-sm btn-default btn-file" style="padding:7px 10px" type="button"
                                                        onclick="onSelectImgBtnClick('thumb','thumbImg')">选择图片</button>
											</span>
                                    </div>
                                    <div class="input-group " style="margin-top: .5em;">
                                        <img th:src="@{${product.thumb}}" id="thumbImg"
                                             style="width:30%"/>
                                    </div>
                                </div>
                                <span class="lbl col-xs-12 col-sm-6">
										<span style="color:red;">*商城首页显示的第一张图片</span>
									</span>
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label">商品分类:</label>
                            <div class="col-sm-8">
                                <select data-placeholder="" class="form-control chosen-select"
                                        id="pcate" name="pcate">
                                    <option th:value="0">请选择分类</option>
                                    <option th:selected="${product.pcate eq item.id}"
                                            th:each="item: ${categoryList}"
                                            th:text="${item.name}"
                                            th:value="${item.id}">
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label no-padding-right"
                                   for="form-field-1"> 商品价格： </label>
                            <div class="col-sm-6">
                                <div class="input-group form-group">
                                    <span class="input-group-addon">现价</span>
                                    <input type="number" name="marketprice" id="marketprice"
                                           class="form-control" value="" th:value="${product.marketprice}"/>
                                    <span class="input-group-addon">元 </span>
                                </div>
                                <div class="input-group form-group">
                                    <span class="input-group-addon">原价</span>
                                    <input type="number" name="productprice" id="productprice"
                                           class="form-control" value="" th:value="${product.productprice}"/>
                                    <span class="input-group-addon">元</span>
                                </div>
                                <div class="input-group form-group">
                                    <span class="input-group-addon">成本价</span>
                                    <input type="number" name="costprice" id="costprice"
                                           class="form-control" value="" th:value="${product.costprice}"/>
                                    <span class="input-group-addon">元</span>
                                </div>

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label no-padding-right"
                                   for="form-field-1"> 已预约数： </label>
                            <div class="col-sm-6">
                                <div class="input-group">
                                    <input type="text" name="sales" id="sales"
                                           class="form-control" value="" th:value="${product.sales}"/>
                                    <span class="input-group-addon">件</span>
                                </div>
                                <span class="help-block">商品虚拟预约数</span>
                            </div>
                        </div>
                    </div>


                    <!-- 商品描述部分 开始 -->
                    <div class="tab-pane" id="tab_des" style="height: 550px;">
                        <div class="form-group">
                            <label class="col-sm-2 control-label no-padding-right"
                                   for="form-field-1">商品详情</label>
                            <div class="col-sm-10">
									<textarea id="content" name="content"
                                              style="height: 500px;" th:text="${product.description}"></textarea>
                            </div>
                        </div>
                    </div>
                    <!-- 商品描述部分 结束-->

                    <!-- 邮费设置部分 开始 -->
                    <div class="tab-pane" id="tab_postage">


                        <!-- 佣金费设置部分 开始 -->
                        <div class="tab-pane" id="tab_commission">


                            <div id="modal-areas" class="modal fade" tabindex="-1">
                                <div class="modal-dialog" style='width: 920px;'>
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button aria-hidden="true" data-dismiss="modal" class="close"
                                                    type="button">×
                                            </button>
                                            <h3>选择区域</h3>
                                        </div>
                                        <div class="modal-body" id="areas-modal-body" style='height: 280px;'>
                                            <div class='province'>
                                                <label class='checkbox-inline' style='margin-left: 20px;'>
                                                    <input type='checkbox' class='cityall' style='margin-top: 12px;'/>
                                                    <span class="citycount" style='color: #ff6600'></span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <a id='btnSubmitArea' class="btn btn-success" data-dismiss="modal"
                                               aria-hidden="true">确定</a>
                                            <a class="btn btn-default" data-dismiss="modal"
                                               aria-hidden="true">关闭</a>
                                        </div>
                                    </div>
                                </div>
                            </div>


                        </div>
                        <!-- 商品售卖区域部分  结束 -->

                    </div>
                        <div class="form-group text-center">
                            <div class="col-sm-8 col-sm-offset-2">
                                <button class="btn btn-primary" onclick="saveProduct()">
                                    <i class="fa fa-check"></i>提交
                                </button>
                                <div class="btn btn-danger" onclick="reset()">
                                    <i class="fa fa-remove"></i>重置
                                </div>
                            </div>
                        </div>
                </div>
            </div>
        </div>

    </div>
    <div th:include="centre/manage/include::footer"></div>
    <script type="text/javascript" src="/js/ueditor/ueditor.config.js"></script>
    <script type="text/javascript" src="/js/ueditor/ueditor.all.min.js"></script>
    <script type="text/javascript" src="/js/ueditor/lang/zh-cn/zh-cn.js"></script>
    <script type="text/javascript" src="/js/ueditor/custom.js?v=2"></script>
    <script type="text/javascript" src="/js/appjs/product/AreaData.js"></script>
    <script type="text/javascript" src="/public/ace/js/ace-extra.js"></script>
    <script type="text/javascript" src="/js/plugins/layui/layui.js"></script>
    <script type="text/javascript">
        function closeDow() {
            var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
            parent.layer.close(index);
        }

        layui.use('laydate', function(){
            var laydate = layui.laydate;
            laydate.render({
                elem: '#timestart'
                ,type: 'datetime'
            });

            laydate.render({
                elem: '#timeend' , type: 'datetime'
            });
            laydate.render({
                elem: '#upStartTime' , type: 'datetime'
            });

            laydate.render({
                elem: '#upEndTime' , type: 'datetime'
            });
            laydate.render({
                elem: '#manudate' , type: 'datetime'
            });
        })

        $(function() {
            var id = $('#id').val();
            $.ajax({
                url :'/product/centre/detail?id=' + id,
                contentType : "application/json",
                dataType : "json",
                type : 'GET',
                success :function(result){
                    $('input[name="timestart"]').val(result.timestart);
                    $('input[name="timeend"]').val(result.timeend);
                    $('input[name="upStartTime"]').val(result.upStartTime);
                    $('input[name="upEndTime"]').val(result.upEndTime);
                    $('input[name="manudate"]').val(result.manudate);
                    $("#areas").html(result.areas);

                    $(":radio[name='status'][value='" + result.status + "']").prop("checked", "checked");
                    if (result.status == 2) {
                        $('#shangjiadiv').css('display','');
                    }
                    $(":radio[name='isgongyi'][value='" + result.isgongyi + "']").prop("checked", "checked");
                    if (result.isgongyi == 1) {
                        $('#gongyidiv').css('display','');
                    }
                    $(":radio[name='showsupply'][value='" + result.showsupply + "']").prop("checked", "checked");
                    $(":radio[name='uncancelable'][value='" + result.uncancelable + "']").prop("checked", "checked");

                    show_type(result.freeShipping);
                    if (result.freeShipping == 1) {
                        $("#sendprice").val(result.sendprice);
                    }

                    if (result.productId != null && result.productId != '') {
                        $("#productprice").attr("readonly",true);
                        $("#costprice").attr("readonly",true);
                        $("#title").attr("readonly",true);
                        $("#shortTitle").attr("readonly",true);
                        $("#goodscode").attr("readonly",true);
                        $("#ccate").attr("readonly",true);
                        $("#pcate").attr("readonly",true);
                        $("#supplierId").attr("readonly",true);
                        $("#liansuoid").attr("readonly",true);
                        $("#unit").attr("readonly",true);
                        $("#selfvalue").attr("readonly",true);
                        $("#timestart").attr("readonly",true);
                        $("#timeend").attr("readonly",true);
                        $("#thumb").attr("readonly",true);
                        $("#thumbSquare").attr("readonly",true);
                        $("#thumbUrlBak").attr("readonly",true);
                        $(".btn-file").attr('disabled',true);
                        $("#pcate").attr("disabled","disabled").css("background-color","#EEEEEE;");
                        $("#ccate").attr("disabled","disabled").css("background-color","#EEEEEE;");
                        $("#supplierId").attr("disabled","disabled").css("background-color","#EEEEEE;");
                        $("#weight").attr("readonly",true);
                        $("#sales").attr("readonly",true);
                        $("#viewcount").attr("readonly",true);
                        $("#credit").attr("readonly",true);
                        $("input[name='isgongyi']").attr("disabled",true);
                        $("input[name='showsupply']").attr("disabled",true);
                        $("input[name='showsupply']").attr("disabled",true);
                        $("input[name='uncancelable']").attr("disabled",true);
                        $("#content").attr("disabled",true).css("cursor", "default");
                    }

                    var productType = $("input[name='productType']:checked").val();
                    var isziti = $("input[name='isziti']:checked").val();
                    var istangshi = $("input[name='istangshi']:checked").val();
                    var iswaimai = $("input[name='iswaimai']:checked").val();

                    if (result.hasoptionsbuy == 1) {
                        $('input[name="hasoption"]').attr('checked', true);
                    } else if (result.hasoption == 1 && result.hasoptionsbuy == 0) {
                        $('input[name="hasoption"]').attr('checked', true);
                    }
                    if (result.specList != null && result.specList.length > 0) {
                        var html = '';
                        for(var i=0;i<result.specList.length;i++) {
                            html += '<div class="panel panel-default spec_item" id="spec_dcx' + specCountNum +'">' +
                                '<div class="panel-body"> ' +
                                '<input type="hidden" class="form-control spec_id" value="'+ result.specList[i].id +'" /> ' +
                                '<div class="form-group"> ' +
                                '<label class="col-xs-12 col-sm-3 col-md-2 control-label">规格名 </label> ' +
                                '<div class="col-sm-9 col-xs-12"> ' +
                                '<input name="spec_title[dcx'+specCountNum+']" type="text" class="form-control spec_title" value="'+result.specList[i].title+'" placeholder="(比如: 颜色)" /> ' +
                                '</div> ' +
                                '</div> ';
                            if (result.hasoptionsbuy == 1) {
                                html += '<div name="listspecdel" style=""> ' +
                                    '<div class="form-group"> ' +
                                    '<label class="col-xs-12 col-sm-3 col-md-2 control-label"></label> ' +
                                    '<div class="col-sm-9 col-xs-12"> ' +
                                    '<a href="javascript:void(0);" class="btn btn-danger" onclick="removeSpec(\'dcx' + specCountNum +'\')"> <i class="fa fa-plus"></i> 删除规格</a> ' +
                                    '</div> ' +
                                    '</div> ' +
                                    '</div> ';
                            } else {
                                html += '<div name="listspec" style=""> ' +
                                    '<div class="form-group"> ' +
                                    '<label class="col-xs-12 col-sm-3 col-md-2 control-label">规格项</label> ' +
                                    '<div class="col-sm-9 col-xs-12"> ' +
                                    '<div id="spec_item_dcx'+specCountNum+'" class="spec_item_items">';
                                if (result.specList[i].specItemList != null && result.specList[i].specItemList.length > 0) {
                                    for (var j=0;j<result.specList[i].specItemList.length;j++) {
                                        html += '<div class="spec_item_item" style="float:left;margin:0 5px 10px 0;width:250px;">' +
                                            '<div class="input-group" style="margin:10px 0;">'+
                                            '<span class="input-group-addon"> <label class="checkbox-inline" style="margin-top:-20px;"><input type="checkbox" checked="" value="1" onclick="showItem(this)" /></label></span> '+
                                            '<input data-index='+result.specList[i].specItemList[j].id+' type="text" class="form-control spec_item_title error" value="'+result.specList[i].specItemList[j].title+'" /> '+
                                            '<span class="input-group-addon"><a href="javascript:;" onclick="removeSpecItem(this)" title="删除"> <i class="fa fa-times"></i></a></span> '+
                                            '</div>'+
                                            '<div class="input-group "> '+
                                            '<input type="text" value="'+result.specList[i].specItemList[j].thumb+'" class="form-control thumb" autocomplete="off" id="specItemThumb_'+result.specList[i].specItemList[j].id+'"/> '+
                                            '<span class="input-group-btn"> <button class="btn btn-sm btn-default" type="button" onclick="onSelectImgBtnClick(\'specItemThumb_'+result.specList[i].specItemList[j].id+'\',\'dd\');">选择图片</button> </span> '+
                                            '</div> '+
                                            '<div class="input-group " style="margin-top:.5em;"> '+
                                            //'<em class="close" style="position:absolute; top: 0px; right: -14px;" title="删除这张图片" onclick="deleteImage(this)">×</em> '+
                                            '</div></div>'
                                    }
                                }
                                html += '</div> ' +
                                    '</div> ' +
                                    '</div> ' +
                                    '<div class="form-group"> ' +
                                    '<label class="col-xs-12 col-sm-3 col-md-2 control-label"></label> ' +
                                    '<div class="col-sm-9 col-xs-12"> ' +
                                    '<span> <a id="add-specitem-dcx'+ specCountNum +'" specid="dcx'+specCountNum+'" class="btn btn-info add-specitem" onclick="addSpecItem(\'dcx' + specCountNum +'\')"> ' +
                                    '<i class="fa fa-plus"></i> 添加规格项</a></span> ' +
                                    '<a class="btn btn-danger" onclick="removeSpec(\'dcx' + specCountNum +'\')"> <i class="fa fa-plus"></i> 删除规格</a> ' +
                                    '</div> ' +
                                    '</div> ' +
                                    '</div> ';

                            }
                            html += '</div></div>';
                            specCountNum++;
                        }
                        $('#specs').append(html);
                        $('#tboption').css('display','block');
                    }

                    var skus = [];
                    if (result.skuList.length > 0) {
                        for (var i=0;i<result.skuList.length;i++){
                            var sku = {
                                id: result.skuList[i].id,
                                title: result.skuList[i].title,
                                costprice: result.skuList[i].costprice,
                                vipprice: result.skuList[i].vipprice,
                                zitiprice: result.skuList[i].zitiprice,
                                tangshiprice: result.skuList[i].tangshiprice,
                                waimaiprice: result.skuList[i].waimaiprice,
                                tangshivipprice: result.skuList[i].tangshivipprice,
                                waimaivipprice: result.skuList[i].waimaivipprice,
                                zitivipprice: result.skuList[i].zitivipprice,
                                headcommission: result.skuList[i].headcommission,
                                headtype: result.skuList[i].headtype,
                                marketprice: result.skuList[i].marketprice,
                                productprice: result.skuList[i].productprice,
                                vipprice: result.skuList[i].vipprice,
                                stock: result.skuList[i].stock,
                                superiorcommission: result.skuList[i].superiorcommission,
                                superiortype: result.skuList[i].superiortype,
                                weight: result.skuList[i].weight
                            }
                            skus.push(sku);
                        }
                        var len = skus.length;
                        var h = new Array(len);
                        if (result.hasoptionsbuy == 1) {
                            var hh = '<input name="kw" type="hidden"  value="1"/>';

                            for (var i = 0; i < len; i++) {
                                var html = '<table class="table table-bordered table-condensed skuTable"><thead><tr class="active">';
                                html += "<th style='width:80px;'></th>";
                                html += '<th class="info" style="width:130px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">库存</div><div class="input-group"><input type="text" class="form-control option_stock_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_stock\');"></a></span></div></div></th>';

                                if (productType == 6) {
                                    if (isziti == 1) {
                                        html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">自提价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
                                        html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">自提vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
                                    }
                                    if (istangshi == 1) {
                                        html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">堂食价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
                                        html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">堂食vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
                                    }
                                    if (iswaimai == 1) {
                                        html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">外卖价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
                                        html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">外卖vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
                                    }
                                } else {
                                    html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">销售价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
                                    html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">市场价格</div><div class="input-group"><input type="text" class="form-control option_productprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_productprice\');"></a></span></div></div></th>';
                                    html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
                                }

                                html += '<th class="info" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">重量（克）</div><div class="input-group"><input type="text" class="form-control option_weight_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_weight\');"></a></span></div></div></th>';
                                html += '<th class="info" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">门店佣金（元）</div><div class="input-group"><input type="text" class="form-control option_headcommission_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_headcommission\');"></a></span></div></div></th>';
                                html += '<th class="info" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">门店推荐人佣金（元）</div><div class="input-group"><input type="text" class="form-control option_superiorcommission_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_superiorcommission\');"></a></span></div></div></th>';
                                html += '</tr></thead>';
                                hh += "<tr>";


                                hh += "<td style='width:80px;'>" + skus[i].title + "</td>";
                                hh += '<td class="info"><input type="text" class="form-control option_stock" value="' + (skus[i].stock) + '"/></td>';
                                hh += '<input type="hidden" class="form-control option_id" value="' + skus[i].id + '"/>';
                                /* hh += '<input type="hidden" class="form-control option_ids" value="' + skus[i].id + '"/>'; */
                                hh += '<input type="hidden" class="form-control option_title" value="' + skus[i].title + '"/></td>';
                                /* hh += '<input name="option_virtual_' + skus[i].id + '[]"type="hidden" class="form-control option_title option_title_' + skus[i].id + '" value="' + (val.virtual == 'undefined' ? '': val.virtual) + '"/></td>'; */
                                hh += '</td>';

                                if (productType == 6) {
                                    if (isziti == 1) {
                                        hh += '<td class="success"><input readonly="readonly" name="option_marketprice_' + skus[i].id + '[]" type="text" class="form-control option_zitiprice option_marketprice_' + skus[i].id + '" value="' + (skus[i].zitiprice == 'undefined' ? '' : skus[i].zitiprice) + '"/></td>';
                                        hh += '<td class="warning"><input name="option_vipprice_' + skus[i].id + '[]" type="text" class="form-control option_zitivipprice option_vipprice_' + skus[i].id + '" " value="' + (skus[i].zitivipprice == 'undefined' ? '' : skus[i].zitivipprice) + '"/></td>';
                                    }
                                    if (istangshi == 1) {
                                        hh += '<td class="success"><input readonly="readonly" name="option_marketprice_' + skus[i].id + '[]" type="text" class="form-control option_tangshiprice option_marketprice_' + skus[i].id + '" value="' + (skus[i].tangshiprice == 'undefined' ? '' : skus[i].tangshiprice) + '"/></td>';
                                        hh += '<td class="warning"><input name="option_vipprice_' + skus[i].id + '[]" type="text" class="form-control option_tangshivipprice option_vipprice_' + skus[i].id + '" " value="' + (skus[i].tangshivipprice == 'undefined' ? '' : skus[i].tangshivipprice) + '"/></td>';
                                    }
                                    if (iswaimai == 1) {
                                        hh += '<td class="success"><input readonly="readonly" name="option_marketprice_' + skus[i].id + '[]" type="text" class="form-control option_waimaiprice option_marketprice_' + skus[i].id + '" value="' + (skus[i].waimaiprice == 'undefined' ? '' : skus[i].waimaiprice) + '"/></td>';
                                        hh += '<td class="warning"><input name="option_vipprice_' + skus[i].id + '[]" type="text" class="form-control option_waimaivipprice option_vipprice_' + skus[i].id + '" " value="' + (skus[i].waimaivipprice == 'undefined' ? '' : skus[i].waimaivipprice) + '"/></td>';
                                    }
                                } else {
                                    hh += '<td class="success"><input name="option_marketprice_' + skus[i].id + '[]" type="text" class="form-control option_marketprice option_marketprice_' + skus[i].id + '" value="' + (skus[i].marketprice) + '"/></td>';
                                    hh += '<td class="warning"><input name="option_productprice_' + skus[i].id + '[]" type="text" class="form-control option_productprice option_productprice_' + skus[i].id + '" " value="' + (skus[i].productprice) + '"/></td>';
                                    hh += '<td class="warning"><input name="option_vipprice_' + skus[i].id + '[]" type="text" class="form-control option_vipprice option_vipprice_' + skus[i].id + '" " value="' + (skus[i].vipprice) + '"/></td>';
                                }

                                hh += '<td class="info"><input name="option_weight_' + skus[i].id + '[]" type="text" class="form-control option_weight option_weight_' + skus[i].id + '" " value="' + (skus[i].weight) + '"/></td>';
                                //hh += '<td class="info"><input name="option_headcommission_' + skus[i].id  +'[]" type="text" class="form-control option_headcommission option_headcommission_' + skus[i].id  +'" " value="' +(val.headcommission=='undefined'?'':val.headcommission )+'"/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_superiorcommission\');"></a></span></td>';
                                hh += '<td class="info" style="width:150px;"><div class=""><div class="input-group"><input name="option_headcommission_' + skus[i].id + '[]" type="text" class="form-control option_headcommission option_headcommission_' + skus[i].id + '" " value="' + (skus[i].headcommission) + '"/><span class="input-group-addon" style="padding:0px;"><select  name="option_headtype_' + skus[i].id + '[]" class="option_headtype option_headtype_' + skus[i].id + '"  style="border-style:solid; border-color:#FFF">';
                                if (skus[i].headtype == 0) {
                                    hh += '<option value="0" selected>元</option><option value="1">%</option></select></span></div></div></td>';
                                }else {
                                    hh += '<option value="0">元</option><option value="1" selected>%</option></select></span></div></div></td>';
                                }
                                hh += '<td class="info" style="width:150px;"><div class=""><div class="input-group"><input name="option_superiorcommission_' + skus[i].id + '[]" type="text" class="form-control option_superiorcommission option_superiorcommission_' + skus[i].id + '" " value="' + (skus[i].superiorcommission) + '"/><span class="input-group-addon" style="padding:0px;"><select name="option_superiortype_' + skus[i].id + '[]" class="option_superiortype option_superiortype_' + skus[i].id + '"  style="border-style:solid; border-color:#FFF">';
                                if (sku[i].superiortype == 0) {
                                    hh += '<option value="0" selected>元</option><option value="1">%</option></select></span></div></div></td>';
                                } else {
                                    hh += '<option value="0">元</option><option value="1" selected>%</option></select></span></div></div></td>';
                                }
                                hh += "</tr>";
                            }
                            html += hh;
                            html += "</table>";
                            $("#options").html(html);
                        } else {
                            var html = '<table class="table table-bordered table-condensed skuTable"><thead><tr class="active">';
                            var specs = result.specList;
                            var skuList = result.skuList;

                            specs.sort(function(x, y) {
                                if (x.specItemList.length > y.specItemList.length) {
                                    return 1;
                                }
                                if (x.specItemList.length < y.specItemList.length) {
                                    return - 1;
                                }
                            });

                            var len = specs.length;
                            var newlen = 1;
                            var skuListLength = skuList.length;
                            var h = new Array(len);
                            var rowspans = new Array(len);
                            for (var i = 0; i < len; i++) {
                                html += "<th style='width:80px;'>" + specs[i].title + "</th>";
                            }

                            html += '<th class="info" style="width:130px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">库存</div><div class="input-group"><input type="text" class="form-control option_stock_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_stock\');"></a></span></div></div></th>';

                            if (productType == 6) {
                                if (isziti == 1) {
                                    html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">自提价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
                                    html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">自提vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
                                }
                                if (istangshi == 1) {
                                    html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">堂食价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
                                    html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">堂食vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
                                }
                                if (iswaimai == 1) {
                                    html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">外卖价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
                                    html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">外卖vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
                                }
                            } else {
                                html += '<th class="success" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">销售价格</div><div class="input-group"><input readonly="readonly" type="text" class="form-control option_marketprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置"></a></span></div></div></th>';
                                html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">市场价格</div><div class="input-group"><input type="text" class="form-control option_productprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_productprice\');"></a></span></div></div></th>';
                                html += '<th class="warning" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">vip价格</div><div class="input-group"><input type="text" class="form-control option_vipprice_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_vipprice\');"></a></span></div></div></th>';
                            }

                            html += '<th class="info" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">重量（克）</div><div class="input-group"><input type="text" class="form-control option_weight_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_weight\');"></a></span></div></div></th>';
                            html += '<th class="info" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">门店佣金（元）</div><div class="input-group"><input type="text" class="form-control option_headcommission_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_headcommission\');"></a></span></div></div></th>';
                            html += '<th class="info" style="width:150px;"><div class=""><div style="padding-bottom:10px;text-align:center;font-size:16px;">门店推荐人佣金（元）</div><div class="input-group"><input type="text" class="form-control option_superiorcommission_all"VALUE=""/><span class="input-group-addon"><a href="javascript:;" class="fa fa-hand-o-down" title="批量设置" onclick="setCol(\'option_superiorcommission\');"></a></span></div></div></th>';
                            html += '</tr></thead>';




                            var hh = '';
                            for (var i = 0; i < skuListLength; i++) {

                                var skuTitle = skuList[i].title;
                                hh += "<tr>";

                                var skuTitleArray = skuTitle.split("+");
                                for (var j = 0;j < skuTitleArray.length; j++) {
                                    hh += "<td>" + skuTitleArray[j] + "</td>";
                                }

                                hh += '<td class="info"><input type="text" class="form-control option_stock" value="' + (skuList[i].stock) + '"/></td>';
                                hh += '<input type="hidden" class="form-control option_id" value="' + skuList[i].id + '"/>';
                                hh += '<input type="hidden" class="form-control option_ids" value="' + skuList[i].specs + '"/>';
                                hh += '<input type="hidden" class="form-control option_title" value="' + skuList[i].title + '"/>';
                                hh += '<input type="hidden" class="form-control option_specItemHiddenId" value="'+skuList[i].specs+ '"/></td>';

                                if (productType == 6) {
                                    if (isziti == 1) {
                                        hh += '<td class="success"><input type="text" class="form-control option_zitiprice" value="' + (skuList[i].zitiprice == 'undefined' ? '' : skuList[i].zitiprice) + '"/></td>';
                                        hh += '<td class="warning"><input type="text" class="form-control option_zitivipprice" " value="' + (skuList[i].zitivipprice == 'undefined' ? '' : skuList[i].zitivipprice) + '"/></td>';
                                    }
                                    if (istangshi == 1) {
                                        hh += '<td class="success"><input type="text" class="form-control option_tangshiprice" value="' + (skuList[i].tangshiprice == 'undefined' ? '' : skuList[i].tangshiprice) + '"/></td>';
                                        hh += '<td class="warning"><input type="text" class="form-control option_tangshivipprice" value="' + (skuList[i].tangshivipprice == 'undefined' ? '' : skuList[i].tangshivipprice) + '"/></td>';
                                    }
                                    if (iswaimai == 1) {
                                        hh += '<td class="success"><input type="text" class="form-control option_waimaiprice" value="' + (skuList[i].waimaiprice == 'undefined' ? '' : skuList[i].waimaiprice) + '"/></td>';
                                        hh += '<td class="warning"><input type="text" class="form-control option_waimaivipprice" " value="' + (skuList[i].waimaivipprice == 'undefined' ? '' : skuList[i].waimaivipprice) + '"/></td>';
                                    }
                                } else {
                                    hh += '<td class="success"><input type="text" class="form-control option_marketprice" value="' + skuList[i].marketprice + '"/></td>';
                                    hh += '<td class="warning"><input type="text" class="form-control option_productprice" value="' + skuList[i].productprice + '"/></td>';
                                    hh += '<td class="warning"><input type="text" class="form-control option_vipprice" value="' + skuList[i].vipprice + '"/></td>';
                                }

                                hh += '<td class="info"><input type="text" class="form-control option_weight"  value="' + skuList[i].weight + '"/></td>';
                                hh += '<td class="info" style="width:150px;"><div class=""><div class="input-group"><input type="text" class="form-control option_headcommission" value="' + skuList[i].headcommission + '"/><span class="input-group-addon" style="padding:0px;"><select type="text" class="option_headtype"  style="border-style:solid; border-color:#FFF"  >'
                                if (skuList[i].headtype == 0) {
                                    hh += '<option value="0" selected>元</option><option value="1">%</option></select></span></div></div></td>';
                                } else {
                                    hh += '<option value="0">元</option><option value="1" selected>%</option></select></span></div></div></td>';
                                }
                                hh += '<td class="info" style="width:150px;"><div class=""><div class="input-group"><input type="text" class="form-control option_superiorcommission" value="' + skuList[i].superiorcommission + '"/><span class="input-group-addon" style="padding:0px;"><select type="text" class="option_superiortype"  style="border-style:solid; border-color:#FFF"  >';

                                if (skuList[i].superiortype == 0) {
                                    hh += '<option value="0" selected>元</option><option value="1">%</option></select></span></div></div></td>';
                                } else {
                                    hh += '<option value="0">元</option><option value="1" selected>%</option></select></span></div></div></td>';
                                }

                                hh += "</tr>";
                            }
                            html += hh;
                            html += "</table>";
                            $("#options").html(html);
                        }
                    }
                }
            })

            var checkIsCentre = $("#checkIsCentre").val();
            if (checkIsCentre == 0) {

            }
        })

        function changeValue3() {
            var	marketprice =  $("#marketprice").val();
            var	superusercommission =  $("#superusercommission").val();
            var  superiortype = $("#superusertype option:selected").val();
            if(superiortype==1){
                $("#superusercommission").val(marketprice * (superusercommission/100));
                $("#superusertype option:first").prop("selected", 'selected');
            }
        }
        $(function() {
            // tab切换
            $('#myTab a').click(function(e) {
                e.preventDefault();
                $('#myTab li').each(function() {
                    $(this).removeClass('active')
                })
                $('.tab-content .tab-pane').each(function() {
                    $(this).removeClass('active')
                })
                $(this).parent().addClass('active')
                id = $(this).attr('href')
                $(id).addClass('active');
            })

            // 是否开启门店佣金
            $("#is_fx_commission").click(function(){
                var obj = $(this);
                if (obj.get(0).checked){
                    document.getElementById("superiorcommission").disabled=false;
                    document.getElementById("headcommission").disabled=false;
                }else{
                    document.getElementById("superiorcommission").disabled=true;
                    document.getElementById("headcommission").disabled=true;
                }
            });

            // 是否按时间范围上架
            radioIsChecked();
        })

        // 是否按时间范围上架
        function radioIsChecked(){
            if($("#isshow3").is(':checked')){
                $('#shangjiadiv').show();
            }else{
                $('#shangjiadiv').hide();
            }
        }

        function gongyiIsChecked(){
            if($("#gongyiisshow1").is(':checked')){
                $('#gongyidiv').show();
            }else{
                $('#gongyidiv').hide();
            }
        }


        function selectAreas(){
            clearSelects();
            var old_citys = $('#areas').html().split(';');
            $('.city').each(function(){
                var parentcheck = false;
                for(var i in old_citys){
                    if(old_citys[i]==$(this).attr('city')){
                        parentcheck = true;
                        $(this).get(0).checked = true;
                        break;
                    }
                }
                if(parentcheck){
                    $(this).parent().parent().parent().parent().find('.cityall').get(0).checked=true;
                }
            });

            $("#modal-areas").modal();
            var citystrs = '';
            $('#btnSubmitArea').unbind('click').click(function(){
                $('.city:checked').each(function(){
                    citystrs+= $(this).attr('city') +";";
                });
                $('#areas').html(citystrs);
                $("#selectedareas").val(citystrs);
            })
        }

        function clearSelects(){
            $('.city').attr('checked',false).removeAttr('disabled');
            $('.cityall').attr('checked',false).removeAttr('disabled');
            $('.citycount').html('');
        }

        var yixuanXiaoqu = [];

        showYixuanXiaoqu();

        function headlist(page) {

            var title = $('#select_team_key').val();
            $.ajax({
                type : "post",
                url : "/admin/goods/select_team.html",
                data : {
                    title : title,
                    page : page
                },
                dataType : "json",
                success : function(data) {
                    if (data.length > 0) {
                        $('#ajax-data1').html(data);
                    } else {
                        $('#ajax-data1').html("没有门店");
                    }
                    $('#ajax-data1').html(data);

                    match_already_select()
                }
            })
        }
        function match_already_select() {
            var mids = $('#tid_white_list').val()

            //	    		var goods_titles = $('#goods_titles').val()
            idsArr = mids.split(',');
            //	    		titlesArr = goods_titles.split(',');
            for (var i = 0; i < idsArr.length; i++) {
                $('.sel' + idsArr[i]).removeClass("fa-plus")
                $('.sel' + idsArr[i]).addClass("fa-check fa-check1")
            }
        }

        function showYixuanXiaoqu() {
            var HTML = '';
            var ids = '';
            var names = '';
            for (var i = 0; i < yixuanXiaoqu.length; i++) {
                ids += yixuanXiaoqu[i].id + ',';
                names += yixuanXiaoqu[i].title + ',';
                var item = yixuanXiaoqu[i];
                HTML += '<span class="tag  yixuanxiaoqu-'+item.id+' ">'
                    + item.title
                    + '<button type="button" class="close"  onclick="delmid('
                    + item.id + ')" >×</button></span>';
            }
            ids = ids.substr(0, ids.length - 1);
            names = names.substr(0, names.length - 1);
            $('#tid_white_list').val(ids);
            $('#tname_white_list').val(names);
            $('.tags').html(HTML);
        }
        //移除已选区小区
        function delmid(id) {
            for (var j = 0; j < yixuanXiaoqu.length; j++) {
                var yitem = yixuanXiaoqu[j];
                if (yitem.id == id) {
                    yixuanXiaoqu.splice(j, 1);
                }
            }
            showYixuanXiaoqu();
        }

        $(function() {
            //从js数据中获取地区
            var areasModalBody = '';
            for (var i = 0; i < provs_data.length; i++) {
                console.log(provs_data[i]);
                areasModalBody += "<div class='province'>";
                areasModalBody += "<label class='checkbox-inline' style='margin-left:20px;'>";
                areasModalBody += "<input type='checkbox' class='cityall' style='margin-top:12px;' />";
                areasModalBody += provs_data[i].text;
                areasModalBody += "<span class='citycount' style='color:#ff6600'></span>";
                areasModalBody += "</label>";

                //获取省级下的所有市
                if (citys_data[provs_data[i].value].length > 0) {
                    areasModalBody += "<ul>";
                    var citys = citys_data[provs_data[i].value];
                    for (var j = 0; j < citys.length; j++) {
                        //	alert(JSON.stringify(dists_data[citys[j].value]));

                        areasModalBody += "<li>";
                        areasModalBody += "<label class='checkbox-inline' >";
                        areasModalBody += "<input type='checkbox' class='city' style='margin-top:8px;' city="+citys[j].text+" />";
                        areasModalBody += citys[j].text;
                        areasModalBody += "</label>";
                        areasModalBody += "</li>";
                    }
                    areasModalBody += "</ul>";
                }

                areasModalBody += "</div>";
            }
            $("#areas-modal-body").html(areasModalBody);

            $('.province').mouseover(function() {
                $(this).find('ul').show();
            }).mouseout(function() {
                $(this).find('ul').hide();
            });


            $('.cityall').click(function(){
                var checked = $(this).get(0).checked;
                var citys = $(this).parent().parent().find('.city');
                citys.each(function(){
                    $(this).get(0).checked = checked;
                });
                var count = 0;
                if(checked){
                    count =  $(this).parent().parent().find('.city:checked').length;
                }
                if(count>0){
                    $(this).next().html("(" + count + ")")    ;
                }
                else{
                    $(this).next().html("");
                }
            });
            $('.city').click(function(){
                var checked = $(this).get(0).checked;
                var cityall = $(this).parent().parent().parent().parent().find('.cityall');

                if(checked){
                    cityall.get(0).checked = true;
                }
                var count = cityall.parent().parent().find('.city:checked').length;
                if(count>0){
                    cityall.next().html("(" + count + ")")    ;
                }
                else{
                    cityall.next().html("");
                }
            });

            $('#btnSubmitArea').unbind('click').click(function(){
                $('.city:checked').each(function(){
                    citystrs+= $(this).attr('city') +";";
                });
                $('.' + current + ' .cityshtml').html(citystrs);
                $('.' + current + ' .citys').val(citystrs);
            })


        });

        var ue = UE.getEditor('content');
        $('#content').data('editor', ue);
        $('#content').parents('form').submit(function() {
            if (ue.queryCommandState('source')) {
                ue.execCommand('source');
            }
        });
        UE.registerUI('uploadImage', function(editor, uiName){
            return new UE.ui.Button({
                name: '上传图片',
                title: '上传图片',
                cssRules:'background-position:-380px 0',
                onclick: function(){
                    layer.open({
                        id:'selectImgs',
                        type : 2,
                        title : '批量选择图片',
                        maxmin : true,
                        shadeClose : false,
                        area : [ '60%', '70%' ],
                        content : '/platform/config/batchUploadImgUeditor'  // iframe的url
                    });
                }
            });
        });

        function renderCategoryThird(obj) {
            var index = obj.options[obj.selectedIndex].value;
            var html = "<option>请选择下级分类</option>";
            if (index == 0) {
                $("#ccate").html(html);
            }else {
                $.ajax({
                    url: "/category/manage/getChildByPar",
                    data:{"id":index},
                    dataType: "json",
                    success: function(data){
                        for(var i=0; i< data.length; i++){
                            html += '<option value="'+data[i].id+'">'+data[i].name+'</option>';
                        }
                        $("#ccate").html(html);
                    }
                })
            }
        }

        function show_type(flag){
            if (flag == 0) {
                document.getElementById("sendprice").disabled=true;
                document.getElementById("dispatchid").disabled=true;

            } else if (flag == 1)  {
                document.getElementById("dispatchid").disabled=true;
                document.getElementById("sendprice").disabled=false;
            }else if (flag == 2){
                document.getElementById("sendprice").disabled=true;
                document.getElementById("dispatchid").disabled=false;
            }
        }
        $(function(){
            var x=document.getElementById("free_shipping").value;
            show_type(x);
            $(':radio[name=free_shipping]').click(function(){
                var val = $(this).val();
                show_type(val);
            })
        });


        $(function() {
            $("#hasoption").click(function() {
                var obj = $(this);
                if (obj.get(0).checked) {
                    $("#tboption").show();
                } else {
                    $("#tboption").hide();
                }
            });
        })

        var specCountNum = 1;

        function setCol(cls){
            $("."+cls).val( $("."+cls+"_all").val());
        }

        function checkoption() {
            var full = true;
            if ($("#hasoption").get(0).checked) {
                $(".spec_title").each(function (i) {
                    if ($(this).val()=='' || $(this).val()==undefined) {
                        layer.alert("请输入规格名称!", {icon: 5});
                        full = false;
                        return false;
                    }
                });
                $(".spec_item_title").each(function (i) {
                    if ($(this).val()=='' || $(this).val()==undefined) {
                        layer.alert("请输入规格项名称!", {icon: 5});
                        full = false;
                        return false;
                    }
                });
            }
            if (!full) {
                return false;
            }
            return full;
        }

        function onSelectImgBtnClick(inputId, imgId) {
            layer.open({
                id:'selectImg',
                type : 2,
                title : '选择图片',
                maxmin : true,
                shadeClose : false,
                area : [ '60%', '70%' ],
                content : '/platform/config/selectImg/' + inputId +"/"+ imgId // iframe的url
            });
        }

        function onSelectVideoBtnClick(inputId, imgId) {
            layer.open({
                id:'selectImg',
                type : 2,
                title : '选择视频',
                maxmin : true,
                shadeClose : false,
                area : [ '60%', '70%' ],
                content : '/platform/config/selectVideo/' + inputId +"/"+ imgId // iframe的url
            });
        }

        /**
         * 加载图片URL
         * @param inputId
         * @param imgId
         * @param url
         */
        function loadImgUrl(inputId, imgId, url) {
            $('#'+inputId +'').val(url);
            $('#'+imgId +'').attr('src', url);
        }

        // 批量上传图片
        function selectImgs(domId) {
            layer.open({
                id:'selectImgs',
                type : 2,
                title : '批量选择图片',
                maxmin : true,
                shadeClose : false,
                area : [ '60%', '70%' ],
                content : '/platform/config/batchUploadImg/' + domId // iframe的url
            });
        }

        function loadImgsInfo(domId, result) {
            if (!result || result.length <1) {
                layer.msg(result.msg,{icon:7});
                return;
            }
            $('#thumbUrl').val(result.join(","));
        }

        function changeValue2() {
            var	marketprice =  $("#marketprice").val();
            var	usercommission =  $("#usercommission").val();
            var  superiortype = $("#usertype option:selected").val();
            if(superiortype==1){
                $("#usercommission").val(marketprice * (usercommission/100));
                $("#usertype option:first").prop("selected", 'selected');
            }
        }

        // 加载图片进ueditor中
        function loadImgsToUeditor(result) {
            if (!result || result.length <1) {
                layer.msg(result.msg,{icon:7});
                return;
            }
            console.info(result);
            /* var imgUrlArray = result.split(","); */
            let editor = UE.getEditor('content');
            for (var i=0;i<result.length;i++) {
                var imgUrl = result[i];
                editor.execCommand('inserthtml', `<img src=${imgUrl}>`);
            }
        }

        function productTypeChange() {
            var productType = $("input[name='productType']:checked").val();
            if (productType == 6) {
                $("#waimaiType").css("display", "block");
                $("#commodityType").css("display", "none");
                $("#waimaiPriceType").css("display", "block");
                $("#commodityPrice").css("display", "none");

                $("#suggestsaleprice").val("")
                $("#marketprice").val("")
                $("#productprice").val("")
                $("#costprice").val("")

                $("input[name='isnew']").prop("checked", false);
                $("input[name='ishot']").prop("checked", false);
                $("input[name='ismao']").prop("checked", false);
            } else {
                $("#waimaiType").css("display", "none");
                $("#commodityType").css("display", "block");
                $("#waimaiPriceType").css("display", "none");
                $("#commodityPrice").css("display", "block");

                $("#zitiprice").val("")
                $("#tangshiprice").val("")
                $("#waimaiprice").val("")
                $("#waimaiproductprice").val("")
                $("#tangshivipprice").val("")
                $("#waimaivipprice").val("")
                $("#zitivipprice").val("")

                $("input[name='isziti']").prop("checked", false);
                $("input[name='istangshi']").prop("checked", false);
                $("input[name='iswaimai']").prop("checked", false);
            }
        }

        function iszitiChange() {
            var isziti = $("input[name='isziti']:checked").val();
            if (isziti == 1) {
                $("#ziti").css("display", "block");
            } else {
                $("#ziti").css("display", "none");
                $("#zitiprice").val("")
                $("#zitivipprice").val("")
            }
        }

        function istangshiChange() {
            var istangshi = $("input[name='istangshi']:checked").val();
            if (istangshi == 1) {
                $("#tangshi").css("display", "block");
            } else {
                $("#tangshi").css("display", "none");
                $("#tangshiprice").val("")
                $("#tangshivipprice").val("")
            }
        }

        function saveProduct() {
            var specs = [];
            // 组装规格和规格属性
            if ($('.spec_item').length > 0) {
                $(".spec_item").each(function (i) {
                    var specItems = [];
                    var _this = $(this);
                    $(_this.find(".spec_item_item")).each(function (i) {
                        var _specItemItem = $(this);
                        var specItem = {
                            title: _specItemItem.find('.spec_item_title').val(),
                            thumb: _specItemItem.find('.thumb').val(),
                            specItemHiddenId: _specItemItem.find('.spec_item_title').attr('data-index'),
                            price: _specItemItem.find('.spec_item_price').val()
                            /* thumb:_this.find */
                        }
                        specItems.push(specItem);
                    })
                    var spec = {
                        title: _this.find(".spec_title").val(),
                        specItemList: specItems
                    };
                    specs.push(spec); // 设置规格
                })
                /* console.info(specs); */
            }

            // 遍历sku，组装sku
            var skuList = [];
            $(".skuTable tbody tr").each(function () {
                var _this = $(this);
                var sku = {
                    id: _this.find(".option_id").val(),
                    title: _this.find(".option_title").val(),
                    specItemHiddenId: _this.find(".option_specItemHiddenId").val(),
                    productprice: _this.find(".option_productprice").val(),
                    marketprice: _this.find(".option_marketprice").val(),
                    // offlineprice: _this.find(".option_offlineprice").val(),
                    vipprice: _this.find(".option_vipprice").val(),
                    zitiprice: _this.find(".option_zitiprice").val(),
                    tangshiprice: _this.find(".option_tangshiprice").val(),
                    waimaiprice: _this.find(".option_waimaiprice").val(),
                    tangshivipprice: _this.find(".option_tangshivipprice").val(),
                    waimaivipprice: _this.find(".option_waimaivipprice").val(),
                    zitivipprice: _this.find(".option_zitivipprice").val(),
                    stock: _this.find(".option_stock").val(),
                    weight: _this.find(".option_weight").val(),
                    headcommission: _this.find(".option_headcommission").val(),
                    headtype: _this.find(".option_headtype").val(),
                    superiorcommission: _this.find(".option_superiorcommission").val(),
                    superiortype: _this.find(".option_superiortype").val()

                }
                skuList.push(sku);
            })
            console.info(skuList);
            console.info(specs);

            var productType = $("input[name='productType']:checked").val();

            if ($("#title").val() == '' || $("#title").val() == undefined) {
                layer.alert("请输入商品名称!", {icon: 5});
                return false;
            }

            // if ($("#manudate").val() == '' || $("#manudate").val() == undefined) {
            //     layer.alert("请选择商品生产日期!", {icon: 5});
            //     return false;
            // }

            // if ($("#guarantday").val() == '' || $("#guarantday").val() == undefined) {
            //     layer.alert("请填写商品保质期!", {icon: 5});
            //     return false;
            // }

            // if (($("#liansuoid").val() == '' || $("#liansuoid").val() == undefined || $("#liansuoid").val() == 0) && ($("#teamId").val() == '' || $("#teamId").val() == undefined)) {
            //     layer.alert("请选择门店!", {icon: 5});
            //     return false;
            // }

            if ($.trim($(':input[name="thumb"]').val()) == '') {
                layer.alert("请上传缩略图!", {icon: 5});
                return false;
            }

            var productprice = $("#productprice").val();
            // var offlineprice = $("#offlineprice").val();
            var zitiprice = $("#zitiprice").val()
            var tangshiprice = $("#tangshiprice").val()
            var waimaiprice = $("#waimaiprice").val()
            var tangshivipprice = $("#tangshivipprice").val()
            var waimaivipprice = $("#waimaivipprice").val()
            var zitivipprice = $("#zitivipprice").val()
            var waimaiproductprice = $("#waimaiproductprice").val()

            var isziti = $("input[name='isziti']:checked").val();
            var istangshi = $("input[name='istangshi']:checked").val();
            var iswaimai = $("input[name='iswaimai']:checked").val();

            if (productType != 6) {
                if ($("#marketprice").val() == '' || $("#marketprice").val() == undefined) {
                    layer.alert("请输入商品现价!", {icon: 5});
                    return false;
                }
                // if ($("#offlineprice").val() == '' || $("#offlineprice").val() == undefined) {
                //     layer.alert("请输入线下价格!", {icon: 5});
                //     return false;
                // }
                if ($("#productprice").val() == '' || $("#productprice").val() == undefined) {
                    layer.alert("请输入商品原价!", {icon: 5});
                    return false;
                }
                if ($("#costprice").val() == '' || $("#costprice").val() == undefined) {
                    layer.alert("请输入商品成本价!", {icon: 5});
                    return false;
                }
                // if ($("#vipprice").val() == '' || $("#vipprice").val() == undefined) {
                //     layer.alert("请输入商品vip价!", {icon: 5});
                //     return false;
                // }
            } else {
                // if (isziti == 1) {
                //     if (zitiprice == '' || zitiprice == undefined) {
                //         layer.alert("请输入自提价!", {icon: 5});
                //         return false;
                //     }
                //     if (zitivipprice == '' || zitivipprice == undefined) {
                //         layer.alert("请输入自提vip价!", {icon: 5});
                //         return false;
                //     }
                // }
                // if (istangshi == 1) {
                //     if (tangshiprice == '' || tangshiprice == undefined) {
                //         layer.alert("请输入堂食价!", {icon: 5});
                //         return false;
                //     }
                //     if (tangshivipprice == '' || tangshivipprice == undefined) {
                //         layer.alert("请输入堂食vip价!", {icon: 5});
                //         return false;
                //     }
                // }
                // if (iswaimai == 1) {
                //     if (waimaiproductprice == '' || waimaiproductprice == undefined) {
                //         layer.alert("请输入外卖原价!", {icon: 5});
                //         return false;
                //     } else {
                //         productprice = waimaiproductprice;
                //     }
                //     if (waimaiprice == '' || waimaiprice == undefined) {
                //         layer.alert("请输入外卖现价!", {icon: 5});
                //         return false;
                //     }
                //     if (waimaivipprice == '' || waimaivipprice == undefined) {
                //         layer.alert("请输入外卖vip价!", {icon: 5});
                //         return false;
                //     }
                // }
            }

            // if ($("#weight").val() == '' || $("#weight").val() == undefined) {
            //     layer.alert("请输入商品重量!", {icon: 5});
            //     return false;
            // }
            // if ($("#total").val() == '' || $("#total").val() == undefined) {
            //     layer.alert("请输入商品库存!", {icon: 5});
            //     return false;
            // }

            var full = true;
            // full = checkoption();
            if (!full) {
                return false;
            }
            // if (optionchanged) {
            //     layer.alert("规格数据有变动，请重新点击 [刷新规格项目表] 按钮!", {icon: 5});
            //     return false;
            // }
            var id = $("#id").val();
            var displayorder = $("#displayorder").val();
            if (displayorder > 2147483647) {
                layer.msg("排序值过大");
                return;
            }
            var title = $("#title").val();
            var shortTitle = $("#shortTitle").val();
            var goodscode = $("#goodscode").val();
            var specTitle = $("#specTitle").val();
            var pinyinkeyword = $("#pinyinkeyword").val();
            var pcate = $("#pcate").val();
            var ccate = $("#ccate").val();
            var supplierId = $("#supplierId").val();
            var liansuoid = $("#teamId").val() != null && $("#teamId").val() != '' ? $("#teamId").val() : $("#liansuoid").val();
            var unit = $("#unit").val();
            var isrecommand = $("input[name='isrecommand']:checked").val();
            var isTeamBuy = $("input[name='isTeamBuy']:checked").val();
            var isKuaidi = $("input[name='isKuaidi']:checked").val();
            var isnew = $("input[name='isnew']:checked").val();
            var ishot = $("input[name='ishot']:checked").val();
            var isdiscount = $("input[name='isdiscount']:checked").val();
            var istime = $("input[name='istime']:checked").val();
            var ismiaosha = $("input[name='ismiaosha']:checked").val();
            var islimited = $("input[name='islimited']:checked").val();

            var iszhicai = $("input[name='iszhicai']:checked").val();
            var ismao = $("input[name='ismao']:checked").val();
            var isfanchang = $("input[name='isfanchang']:checked").val();
            /* var isgerida = $("input[name='isgerida']:checked").val(); */
            var isfashi = $("input[name='isfashi']:checked").val();
            var iszhutihuakuang = $("input[name='iszhutihuakuang']:checked").val();
            var manudate = $("#manudate").val();
            var guarantday = $("#guarantday").val();

            var selfvalue = $("#selfvalue").val();
            var timestart = $("#timestart").val();
            var timeend = $("#timeend").val();
            // if (timestart == '' || timestart == undefined || timeend == '' || timeend == undefined) {
            //     layer.msg("请输入商品限卖时间", {icon: 5});
            //     return false;
            // }
            var thumb = $("#thumb").val();
            var thumbSquare = $("#thumbSquare").val();
            var thumbUrlBak = $("#thumbUrlBak").val();
            var videourl = $("#videourl").val();
            var thumbUrl = $("#thumbUrl").val();
            var marketprice = $("#marketprice").val();
            var offlineprice = $("#offlineprice").val();

            var startLimit = $("#startLimit").val();

            var costprice = $("#costprice").val();
            var vipprice = $("#vipprice").val();
            var weight = $("#weight").val();
            var total = $("#total").val();
            var maxbuy = $("#maxbuy").val();
            var usermaxbuy = $("#usermaxbuy").val();

            var sales = $("#sales").val();
            var viewcount = $("#viewcount").val();
            var credit = $("#credit").val();
            var status = $('input[name="status"]:checked').val();
            if (status == 2) {
                var upStartTime = $("#upStartTime").val();
                var upEndTime = $("#upEndTime").val();
            }
            var isgongyi = $('input[name="isgongyi"]:checked').val();
            if (isgongyi == 1) {
                var gongyiprice = $("#gongyiprice").val();
            }
            var areas = $("#selectedareas").val();
            var showsupply = $('input[name="showsupply"]:checked').val();
            var uncancelable = $('input[name="uncancelable"]:checked').val();
            var description = UE.getEditor('content').getContent();
            var tihuoday = $("#tihuoday").val();
            var freeShipping = $('input[name="free_shipping"]:checked').val();
            var sendprice = $("#sendprice").val(); // 独立邮费
            var dispatchid = $("#dispatchid").val(); // 邮费模板

            var isFxCommission = 0; //是否开启门店佣金
            if ($('#is_fx_commission').is(':checked')) {
                isFxCommission = 1;
            }
            var headcommission = $("#headcommission").val();  //门店佣金设置
            var headtype = $("#headtype").val();
            var clerkercommission = $("#clerkercommission").val();  //门店佣金设置
            var clerkertype = $("#clerkertype").val();
            var superiorcommission = $("#superiorcommission").val();
            var superiortype = $("#superiortype").val();
            var proddes = $("#proddes").val();
            var productid = $("#productid").val();
            var usercommission = $("#usercommission").val();
            var usertype = $("#usertype").val();
            var superusercommission = $("#superusercommission").val();
            var superusertype = $("#superusertype").val();
            var isSpellgroup = $("input[name='isSpellgroup']:checked").val();
            var spellgroupnum = $("#spellgroupnum").val();
            var ispresell = $("input[name='ispresell']:checked").val();
            var discountStatus = $("input[name='discountStatus']:checked").val();
            var discount = $("#discount").val();
            var consumptionIntegral =  $("#consumptionIntegral").val();
            var data = {
                "id": id,
                "displayorder": displayorder,
                "goodscode": goodscode,
                "specTitle": specTitle,
                "pinyinkeyword": pinyinkeyword,
                "pcate": pcate,
                "ccate": ccate,
                "supplierId": supplierId,
                "isrecommand": isrecommand,
                "title": title,
                "shortTitle": shortTitle,
                "unit": unit,
                "selfvalue": selfvalue,
                "timestart": timestart,
                "timeend": timeend,
                "thumb": thumb,
                "thumbSquare": thumbSquare,
                "thumbUrlBak": thumbUrlBak,
                "videourl": videourl,
                "thumbUrl": thumbUrl,
                "marketprice": marketprice,
                "offlineprice": offlineprice,
                "startLimit": startLimit,
                "productprice": productprice,
                "costprice": costprice,
                "vipprice": vipprice,
                "weight": weight,
                "total": total,
                "maxbuy": maxbuy,
                "usermaxbuy": usermaxbuy,
                "sales": sales,
                "status": status,
                "upStartTime": upStartTime,
                "upEndTime": upEndTime,
                "isgongyi": isgongyi,
                "viewcount": viewcount,
                "gongyiprice": gongyiprice,
                "showsupply": showsupply,
                "uncancelable": uncancelable,
                "areas": areas,
                "description": description,
                "freeShipping": freeShipping,
                "sendprice": sendprice,
                "dispatchid": dispatchid,
                "isFxCommission": isFxCommission,
                "headcommission": headcommission,
                "headtype": headtype,
                "clerkercommission": clerkercommission,
                "clerkertype": clerkertype,
                "superiorcommission": superiorcommission,
                "superiortype": superiortype,
                "tihuoday": tihuoday,
                "guarantday": guarantday,
                "manudate": manudate,
                "proddes": proddes,
                "credit": credit,
                "liansuoid": liansuoid,
                "usertype": usertype,
                "usercommission": usercommission,
                "superusertype": superusertype,
                "superusercommission": superusercommission,
                "isSpellgroup": isSpellgroup,
                "spellgroupnum": spellgroupnum,
                "ispresell": ispresell,
                "productType": productType,
                "zitiprice": zitiprice,
                "tangshiprice": tangshiprice,
                "waimaiprice": waimaiprice,
                "tangshivipprice": tangshivipprice,
                "waimaivipprice": waimaivipprice,
                "zitivipprice": zitivipprice,
                "discountStatus": discountStatus,
                "discount": discount,
                "consumptionIntegral":consumptionIntegral
            };

            data.specList = specs;
            data.skuList = skuList;
            if (isziti == 1) {
                data.isziti = 1
            } else {
                data.isziti = 0
            }
            ;
            if (istangshi == 1) {
                data.istangshi = 1
            } else {
                data.istangshi = 0
            }
            ;
            if (iswaimai == 1) {
                data.iswaimai = 1
            } else {
                data.iswaimai = 0
            }
            ;
            if (isrecommand == 1) data.isrecommand = 1;
            if (isnew == 1) data.isnew = 1;
            if (isTeamBuy == 1) data.isTeamBuy = 1;
            if (ishot == 1) data.ishot = 1;
            if (isKuaidi == 1) data.isKuaidi = 1;
            if (isdiscount == 1) data.isdiscount = 1;
            if (ismiaosha == 1) data.ismiaosha = 1;
            if (islimited == 1) data.islimited = 1;
            if (istime == 1) data.istime = 1;
            if (iszhicai == 1) data.iszhicai = 1;
            if (ismao == 1) data.ismao = 1;
            if (isfanchang == 1) data.isfanchang = 1;
            /* if (isgerida == 1) data.isgerida=1; */
            if (isfashi == 1) data.isfashi = 1;
            if (iszhutihuakuang == 1) data.iszhutihuakuang = 1;

            var hasoption = $("input[name='hasoption']:checked").val();
            var secondSpec = 0;
            if (hasoption == 1) data.hasoption = 1;
            if (secondSpec == 1) data.hasoptionsbuy = 1;

            $.ajax({
                url: '/reservationProduct/manage/save',
                contentType: "application/json",
                dataType: "json",
                type: 'POST',
                data: JSON.stringify(data),
                success: function (result) {
                    if (result.code == 0) {
                        $("#productid").val(result.msg);
                        layer.alert("保存成功", {icon: 6});
                        var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
                        parent.layer.close(index);
                    } else {
                        if (result.msg == '' || result.msg == null) {
                            layer.alert("保存失败，请联系管理员", {icon: 5});
                        } else {
                            layer.alert(result.msg, {icon: 5});
                        }

                    }
                }
            })
        }

        function iswaimaiChange() {
            var iswaimai = $("input[name='iswaimai']:checked").val();
            if (iswaimai == 1) {
                $("#waimai").css("display", "block");
            } else {
                $("#waimai").css("display", "none");
                $("#waimaiproductprice").val("")
                $("#waimaiprice").val("")
                $("#waimaivipprice").val("")
            }
        }
    </script>
</div>
</body>
</html>
